<!DOCTYPE HTML>
<html>
 <head>
   {% load plotly_dash%}
   {% load staticfiles%}
   {% load bootstrap4%}
   {% bootstrap_css%}
   {% bootstrap_javascript jquery="full"%}
   {% block extra_header%}{% endblock%}
   {% block app_header_css%}
   <link rel="stylesheet" type="text/css" href="{%static "demo/demo.css"%}"></link>
   {% endblock%}
   {% plotly_header%}
   <title>Django Plotly Dash Examples - {% block title%}{% endblock%}</title>
 </head>
 <body>
   <header>
     <nav class="navbar navbar-expand-lg navbar-dark bg-dark">
       <div class="navbar-nav">
         <a class="navbar-brand" href="#">
           <img class="dpd-logo" src="{%static "demo/logo.svg"%}" alt="Logo"/>
         </a>
         {% block demo_items %}
         <a class="nav-item nav-link btn btn-lg" href="{%url "home"%}">Contents</a>
         {% block demo_menu_items %}
         {% if 0 %}
         <a class="nav-item nav-link btn btn-lg" href="{%url "demo-one"%}">One - Simple Use</a>
         <a class="nav-item nav-link btn btn-lg" href="{%url "demo-two"%}">Two - Initial State</a>
         <a class="nav-item nav-link btn btn-lg" href="{%url "demo-three"%}">Three - Enhanced Callbacks</a>
         <a class="nav-item nav-link btn btn-lg" href="{%url "demo-four"%}">Four - Live Updating</a>
         <a class="nav-item nav-link btn btn-lg" href="{%url "demo-five"%}">Five - Direct Injection</a>
         <a class="nav-item nav-link btn btn-lg" href="{%url "demo-six"%}">Six - Simple Injection</a>
         <a class="nav-item nav-link btn btn-lg" href="{%url "demo-seven"%}">Seven - Boostrap Components</a>
         <a class="nav-item nav-link btn btn-lg" href="{%url "demo-seven"%}">Eight - Session State</a>
         {% endif %}
         {% endblock %}
         <a class="nav-item nav-link btn btn-lg"
            target="_blank"
            href="https://django-plotly-dash.readthedocs.io/en/latest/">Online Documentation</a>
         {% endblock %}
       </div>
     </nav>
   </header>
   <main>
     {% block main_top%}{% endblock%}
     <div class="container">
       {% block content%}{% endblock%}
     </div>
   </main>
   {% block footer%}
   {% endblock%}
 </body>
 {% block post_body%}{% endblock%}
 {% plotly_footer%}
</html>
